<script src="@/js/header/header.js"></script>

<template>

  <div id="app" class="header">
    <div class="margins">

      <!-- LOGO图标 -->
      <div class="logo">
        <router-link to="/">
          <img src="@/assets/pic/header/logo.png" />
          <span class="title">
            易峰陞
          </span>
        </router-link>
      </div>

      <!-- 导航 -->
      <div class="menu">
        <span v-for="item in menus" :key="item">
          <router-link :to="item.link">
            <div class="item">
              <Icon :type="item.icon" />
              {{ item.name }}
            </div>
          </router-link>
        </span>
      </div>

    </div>
  </div>

</template>

<style scoped lang="scss" src="@/css/header/header.scss"></style>
<!-- <style scoped lang="less" src="@/css/header/header.scss"></style> -->
